<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta name="renderer" content="webkit"/>
    <title>产品详情</title>
    <link href="css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link href="css/swiper-3.2.7.min.css" rel="stylesheet" type="text/css"/>
    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Slit Slider css -->
    <link rel="stylesheet" href="css/slit-slider.css">
    <script src="js/modernizr-2.6.2.min.js"></script>
</head>
<body id="body">
<!--head-start-->
<div class="navBox">
    <div class="w-1200 clearfix">
        <div class="logo fl"><img src="img/head_logo.png" alt=""/></div>
        <div class="right fr clearfix">
            <ul class="nav fl">
                <li><a href="index.html">1522高端地板</a></li>
                <li>|</li>
                <li class="act"><a href="产品中心.html">产品中心</a></li>
                <li>|</li>
                <li><a href="品牌能量.html">品牌能量</a></li>
                <li>|</li>
                <li><a href="服务体系.html">服务体系</a></li>
                <li>|</li>
                <li><a href="伙伴加盟.html">伙伴加盟</a></li>
                <li>|</li>
                <li><a href="关于圣和.html">关于圣和</a></li>
            </ul>
            <div class="search fr"><img src="img/head_search.png" alt=""/></div>
        </div>
    </div>
</div>
<!--head-end-->
<!--search-start-->
<div class="hserch">
    <a href="#" class="img"><img src="img/logo_withe.png" alt=""/></a>
    <i>close</i>
    <div class="box">
        <form>
            <div class="inp">
                <label class="float">Search...</label>
                <input type="text" name="key" class="inptet" />
            </div>
            <input type="submit" value=" " class="sub">
        </form>
    </div>
</div>
<!--search-end-->
<!--crumbs-start-->
<div class="w-1200">
    <div class="crumbs">返回列表</div>
</div>

<!--crumbs-end-->
<!--detailsBanner--start-->
<div class="w-1200">
    <div class="detailsBanner swiper-container wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms" id="detailsSwiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="img/detailsBanner.jpg" alt=""/>
            </div>
            <div class="swiper-slide">
                <img src="img/detailsBanner.jpg" alt=""/>
            </div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
    </div>
</div>
<!--detailsBanner--end-->
<!--detailsBTxt--start-->
<div class="detailsBTxt w-1200">
    <div class="titleBox">
        <h4 class="wow fadeIn">美国红榆</h4>
        <p class="wow fadeInUp">American red oak tree</p>
    </div>
    <div class="w-1000">
        <ul class="wow fadeIn" data-wow-duration="500ms" data-wow-delay="250ms">
            <li><i></i>美国国树，100%进口原材、FAS等级</li>
            <li><i></i>来自北纬40°，阿巴拉契亚山脉</li>
            <li><i></i>北美最受欢迎的橡木品种</li>
            <li><i></i>木质坚实强韧，纹理典雅大气</li>
        </ul>
    </div>
</div>
<!--detailsBTxt--end-->
<div class="recommendList">
    <div class="w-1200">
        <h4 class="titleTxt wow fadeInLeft" data-wow-duration="500ms">推荐产品</h4>
        <div class="listBox">
            <ul class="list clearfix">
                <li class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                    <div class="listImg">
                        <img src="img/product_05.png" alt=""/>
                    </div>
                    <div class="listTxt clearfix">
                        <div class="fl">
                            <p>实木地暖地板</p>
                            <h4>美国红榆</h4>
                        </div>
                        <div class="fr">
                            <a href="#">查看详情<i>+</i></a>
                        </div>
                    </div>
                </li>
                <li class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                    <div class="listImg">
                        <img src="img/product_05.png" alt=""/>
                    </div>
                    <div class="listTxt clearfix">
                        <div class="fl">
                            <p>实木地暖地板</p>
                            <h4>美国红榆</h4>
                        </div>
                        <div class="fr">
                            <a href="#">查看详情<i>+</i></a>
                        </div>
                    </div>
                </li>
                <li class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                    <div class="listImg">
                        <img src="img/product_05.png" alt=""/>
                    </div>
                    <div class="listTxt clearfix">
                        <div class="fl">
                            <p>实木地暖地板</p>
                            <h4>美国红榆</h4>
                        </div>
                        <div class="fr">
                            <a href="#">查看详情<i>+</i></a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--foot-start-->
<div class="footBox">
    <div class="w-1200 clearfix">
        <div class="left fl wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="250ms">
            <ul class="footNav">
                <li><a href="#">1522高端地板</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">品牌能量</a></li>
                <li><a href="#">服务体系</a></li>
                <li><a href="#">伙伴加盟</a></li>
                <li><a href="#">关于圣和</a></li>
                <li><a href="#">经销商窗口</a></li>
                <li><a href="#">用户产品查询</a></li>
            </ul>
        </div>
        <div class="center fl wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
            <img src="img/foot_logo.png" alt=""/>
        </div>
        <div class="right fl wow fadeInRight" data-wow-duration="500ms" data-wow-delay="250ms">
            <img src="img/foot_code.png" alt=""/>
            <h4>400-886-6751</h4>
            <p>WWW.SORHEFLOOR.COM</p>
        </div>
    </div>
</div>
<!--foot-end-->
<!-- Main jQuery -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- Slitslider -->
<script src="js/swiper-3.2.7.min.js"></script>
<!-- Parallax -->
<script src="js/jquery.parallax-1.1.3.js"></script>
<!-- Custom Scrollbar -->
<script src="js/jquery.nicescroll.min.js"></script>
<!--wow.min Script-->
<script src="js/wow.min.js"></script>
<!--main js-->
<script src="js/main.js"></script>
<script>
    $(function() {
        var swiper = new Swiper('#detailsSwiper', {
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next'
        });
    });
</script>
</body>
</html>